// 放置全局指令
import Vue from 'vue'
import store from '@/store'
// 控制按钮的显示与隐藏
Vue.directive('permission', {
  inserted (ele, binding) {
    // console.log(ele)
    // console.log(binding)
    const perm = store.state.menu.permissions
    // 由于管理员的权限标识是['*:*:*']，需要优先特殊处理，否则什么都看不到
    if (perm.includes('*:*:*')) return
    if (!perm.includes(binding.value)) {
      // ele.style.display = 'none'//只是隐藏了元素，DOM树中仍然存在，没有真正移除
      ele.remove() // 把对象从它所属的 DOM 树中删除
    }
  }
})
